<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>开心网</title>
		<link href="css/1.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<div class="box clearfix">
			<div class="nav">
				<img src="img/gameLogo.png" />
				<p>
					<a href="#">首页</a>
					<a href="#">注册</a>|
					<a href="#">登录</a>|
					<a href="#">帮助</a>|
					<a href="#">更多</a>
				</p>
			</div>
			<div class="nav2 clearfix">
				<div class="list fl">
					<ul>
						<li><img src="img/sub-2.gif" />
							<a href="#">征战四方</a>
						</li>
						<li><img src="img/sub-3.gif" />
							<a href="#">龙将</a>
						</li>
						<li><img src="img/sub-4.gif" />
							<a href="#">弹弹堂</a>
						</li>
						<li><img src="img/sub-5.gif" />
							<a href="#">凡人修真2</a>
						</li>
						<li><img src="img/sub-6.gif" />
							<a href="#">一骑当先</a>
						</li>
						<li><img src="img/sub-7.gif" />
							<a href="#">宫廷计</a>
						</li>
						<li><img src="img/sub-8.gif" />
							<a href="#">神仙道</a>
						</li>
					</ul>
				</div>
				<div class="banner fl">
					<img src="img/xdtgg_frxz2_44.jpg" />
					<div>
						<ul>
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</div>
				</div>
				<div class="login fr">
					<h4>开心网用户登录</h4>
					<form>
						<p>账号 ：<input type="text" placeholder="字母、数字的六位字符" maxlength="6"/></p>
						<p>密码 ：<input type="password" placeholder="四位数字" pattern="[0~9]\d{4}" maxlength="4"/></p>
						<p>
							<a href="#"><img src="img/btnLogin.jpg" /></a>
						</p>
						<p>
							<a href="#">立即注册</a>
							<a href="#">忘记密码</a>
						</p>
					</form>
				</div>
			</div>
			<div class="row3 clearfix">
				<div class="game_kind fl">
					<h4><a href="#">全部游戏</a><a href="#">战争策略</a>|<a href="#">体育经营</a>|<a href="#">社交游戏</a></h4>
					<div class="game fl">
						<img src="img/img-4.jpg" class="fl" />
						<div class="txt fr">
							<h5>三国题材横版RPG网游，丰富的</h5>
							<h5>武将系统</h5>
							<p>类型：角色扮演</p>
							<p>游戏人气：<span>470921</span></p>
							<p>
								<a href="#">选服</a>
								<a href="#">进入游戏</a>
							</p>
						</div>

					</div>
					<div class="game fl">
						<img src="img/img-5.jpg" class="fl" />
						<div class="txt fr">
							<h5>一款不建主城不等CD，不占资</h5>
							<h5>源，全程战斗</h5>
							<p>类型：战征策略</p>
							<p>游戏人气：<span>8745221</span></p>
							<p>
								<a href="#">选服</a>
								<a href="#">进入游戏</a>
							</p>
						</div>

					</div>
				</div>
				<div class="news fr">
					<h4><a href>新闻公告</a></h4>
					<div>
						<ul>
							<li>
								<a href="#">[征战四方] 开心首服·黄巾之乱</a>
							</li>
							<li>
								<a href="#">[龙将] 火爆8服·八门金</a>
							</li>
							<li>
								<a href="#">[弹弹堂] 41服开启·万人竞技</a>
							</li>
							<li>
								<a href="#">[凡人修真2] 03月08日·四海帝王</a>
							</li>
							<li>
								<a href="#">[一骑当先] 开心2服上线送黄金</a>
							</li>
							<li>
								<a href="#">[宫廷计] 03月06日·西施秘史</a>
							</li>
							<li>
								<a href="#">[凡人修真2] 03月08日·四海帝王</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="row4 clearfix">
				<div class="cosplay fl">
					<h4><a href="#">角色扮演</a></h4>
					<div class="games fl">
						<ul>
							<li>
								<img src="img/img-6.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-7.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-8.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-9.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>

						</ul>
						<ul>
							<li>
								<img src="img/img-10.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-11.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-12.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
							<li>
								<img src="img/img-13.jpg" />
								<p>游戏人气：1765314</p>
								<p>游戏状态：<span>22区开启</span></p>
								<p>
									<a href="#">选服</a>
									<a href="#">进入游戏</a>
								</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="cosplay_right fr clearfix">
					<div class="ad">
						<img src="img/ad1.jpg"><br />
						<img src="img/ad2.jpg">
					</div>
					<div class="video">
						<h4><a href="#">游戏视频</a></h4>
						<div class="video1">
							<img src="img/img-1.jpg" />
							<p>《航海之王》麻辣</p>
							<p>炫酷反穿越，英雄</p>
							<p>时尚大变身！</p>
						</div>
						<div class="video1 video2">
							<img src="img/img-2.jpg" />
							<p>《弹弹堂》吴克群</p>
							<p>同名激情主题MV,</p>
							<p>体验修真乐趣</p>
						</div>
					</div>
				</div>
			</div>
			<div class="bottom clearfix">
				<h4>
					<a href="#">关于我们</a>
					<a href="#">手机版</a>
					<a href="#">开放平台</a>
					<a href="#">自助广告</a>
					<a href="#">招聘</a>
					<a href="#">客服</a>
					<a href="#">帮助</a>
				</h4>
				<p>@2017开心网 &nbsp;文网文[2009]157号&nbsp; 京ICP证080482号&nbsp; 京公网安备110000000003号&nbsp; 未成年人家长监护</p>
			</div>
			<div class="ad2">
				<img src="img/ad3.jpg" /> 
			</div>
		</div>
	</body>

</html>